import { signUp, login, logout, getInfo } from '@/api/login'
import { getToken, setToken, removeToken } from '@/utils/auth'
import { md5Str } from '@/utils';
import { Message, MessageBox } from 'element-ui'
const user = {
    state: {
        token: getToken(),
        // token: "admin",
        name: '',
        avatar: '',
        roles: [],
        slot: "false",
    },

    mutations: {
        SET_TOKEN: (state, token) => {
            state.token = token
        },
        SET_NAME: (state, name) => {
            state.name = name
        },
        SET_AVATAR: (state, avatar) => {
            state.avatar = avatar
        },
        SET_ROLES: (state, roles) => {
            state.roles = roles
        }
    },

    actions: {
        // 注册 
        Singup({ commit }, userInfo) {
            const username = userInfo.username.trim()
            return new Promise((resolve, reject) => {
                signUp(username, md5Str(userInfo.password)).then(res => {
                    const data = res;
                    if (res.isOk) {
                        Message({
                            message: `注册成功，1秒后自动登陆`,
                            type: 'success',
                            duration: 1 * 1000
                        })
                        setTimeout(() => {
                            setToken(username)
                            commit('SET_TOKEN', username)
                            resolve(true)
                        }, 1500);
                    } else {
                        Message({
                            message: `注册失败，用户名已存在！`,
                            type: 'error',
                            duration: 2 * 1000
                        })
                        setTimeout(() => {
                            resolve(false)
                        }, 2000);
                    }
                }).catch(error => {
                    reject(error)
                })
            })
        },
        // 登录
        Login({ commit }, userInfo) {
            const username = userInfo.username.trim()
            return new Promise((resolve, reject) => {
                login(username, md5Str(userInfo.password)).then(res => {
                    const data = res;
                    if (data.isOk) {
                        setToken(username)
                        commit('SET_TOKEN', username)
                        resolve(true)
                    } else {
                        Message({
                            message: data.msg,
                            type: 'error',
                            duration: 2 * 1000
                        })
                        setTimeout(() => {
                            resolve(false)
                        }, 2000);
                    }
                }).catch(error => {
                    reject(error)
                })
            })
        },

        // 获取用户信息
        GetInfo({ commit, state }) {
            return new Promise((resolve, reject) => {
                getInfo(state.token).then(response => {
                    const data = response;
                    if (data.roles && data.roles.length > 0) { // 验证返回的roles是否是一个非空数组
                        commit('SET_ROLES', data.roles)
                    } else {
                        reject('getInfo: roles must be a non-null array !')
                    }
                    commit('SET_NAME', data.name)
                    commit('SET_AVATAR', data.avatar)
                    resolve(response)
                }).catch(error => {
                    reject(error)
                })
            })
        },

        // 登出
        LogOut({ commit, state }) {
            return new Promise(resolve => {
                commit('SET_TOKEN', '')
                removeToken()
                resolve()
            })
        },

        // 前端 登出
        FedLogOut({ commit }) {
            return new Promise(resolve => {
                commit('SET_TOKEN', '')
                removeToken()
                resolve()
            })
        }
    }
}

export default user